﻿<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" class="hb-loaded">

	<head>
		<meta charset="utf-8" />
		<title>DarryRing首页</title>
		<link href="css/index_A.css?v=1.3.7.1" type="text/css" rel="stylesheet" />
		<link href="css/same_A.css?v=1.3.7.2" type="text/css" rel="stylesheet" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script src="js/index.js?virsion=1.3.7.2" type="text/javascript"></script>
	</head>

	<body>
		<!--遮罩-->
		<div class="backall"></div>
		<!--遮罩end-->
		<!--头部-->
		<div class="cmain">
			<div class="headtop">
				<!--头部左边-->
				<div class="top-left fl">
					<a title="Darry Ring" href="index"> <img width="187" height="42" alt="Darry Ring官网" src="images/logo.png" /> </a>
					<span style="font-weight: normal;">求婚钻戒领导品牌</span>
				</div>
				<!--头部左边end-->
				<!--头部右边-->
				<div class="top-right fr">
					<!--登录注册-->
					<ul class="tright-ul fl">
						<div id="ucheader1_pllogin1">
							<li th:if="${session.user==null}"><a rel="nofollow" href="login">登录</a><em>|</em></li>
							<li th:if="${session.user!=null}"><a th:text="${session.user.uphone}" rel="nofollow" href="mycenter"></a><em>|</em></li>
							<li th:if="${session.user==null}"><a rel="nofollow" href="reg">注册</a></li>
							<li th:if="${session.user!=null}"><a rel="nofollow" href="logout">退出登录</a></li>
							<li th:if="${session.user!=null}" class="headed"><em class="icon shooping"></em><a target="black" rel="nofollow" href="cart">购物车</a></li>
						</div>
					</ul>
				</div>
				<!--头部右边end-->
			</div>
		</div>
		<!--头部end-->
		<!--导航-->
		<div class="nav">
			<div class="cmain">
				<!--导航的左边-->
				<ul class="nav-ul fl">
					<li><a href="index">首页</a> </li>
					<li><a href="brand">品牌文化</a> </li>
					<li><a style="font-family:arial" href="lists">Darry Ring 求婚钻戒</a>
						<div class="nav-div">
							<div class="navdiv_top">
								<div class="navdiv-right">
									<p> <a th:href="@{lists(type=all)}"> 查看所有款</a></p>
									<p> <a th:href="@{lists(type=forever)}">Forever系列</a></p>
									<p> <a th:href="@{lists(type=just)}">Just You系列</a></p>
									<p> <a th:href="@{lists(type=heart)}">My Heart系列</a></p>
									<p> <a th:href="@{lists(type=love)}">True Love系列</a></p>
									<p> <a th:href="@{lists(type=swear)}">I Swear系列系列</a></p>
								</div>
								<div class="navdiv-left">
									<h3> NEW</h3>
									<a href="detail"> <img width="138" height="97" src="images/03wj.jpg" /></a>
									<div class="more_cp">
										<a href="detail">&gt; 了解该系列产品</a>
									</div>
								</div>
							</div>
							<div class="navdiv_bottom"></div>
						</div>
					</li>
					<li><a href="question">常见问题</a></li>
				</ul>

			</div>
		</div>
		<!--导航end-->
		<script type="text/javascript">
			function logout() {
				if (window.confirm('确定退出吗？')) {

					$.get("/nAPI/QuitExit.ashx", function(data) {
						window.location.href = "/";
					});
				}
			}
		</script>
		<div>
			<!--banner-->
			<div class="indexbanner-all">
				<ul class="indexbanner">
					<li class="tb_first" style="display: block; opacity: 0.982279;">
						<div class="cmain cb_main">

							<div class="banner-word sp_width">
								<img src="images/dr_logo.png" />
								<div class="baner_longline">
									<em></em>
									<span>爱的最高承诺</span>
									<em></em>
								</div>
								<h2>男士一生仅能定制一枚</h2>
								<div class="baner_shortline">
									<em></em>
									<span>寓意：一生&middot;唯一&middot;真爱</span>
									<em></em>
								</div>
								<div class="button sp_button">
									<div class="bt2">
										<a target="_blank" href="brand">了解品牌文化</a>
									</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<!--中间的内容-->
			<div class="all-thing">
				<div class="cmain">
					<!--资讯内容的ul-->
					<ul class="news-ul">
						<!--每一块li-->
						<li>
							<div>
								<img width="235" height="130" alt="Darry Ring实体店" src="images/tyzx.jpg" />
							</div>
							<div class="ul-center">
								<a href="javascript:void(0)" class="">Darry Ring实体店</a>
							</div>
							<div class="ul-bottom">
							</div>
						</li>
						<!--每一块li-->
						<li>
							<div>
								<img width="235" height="130" alt="Darry Ring" src="images/zajz.jpg" />
								<div class="ul-center">
									<a href="javascript:void(0)" class="">Darry Ring(DR真爱钻戒)</a>
								</div>
								<div class="ul-bottom"> </div>
							</div>
						</li>
						<!--每一块li-->
						<li>
							<div>
								<img width="235" height="130" alt="社会名人倾情推荐" src="images/famous.jpg" />
							</div>
							<div class="ul-center">
								<a href="javascript:void(0)">明星 DR 族</a>
							</div>
							<div class="ul-bottom">
							</div>
						</li>
						<!--每一块li-->
						<li>
							<div>
								<img width="235" height="130" alt="网络热门钻戒品牌" src="images/wlzj.jpg" />
							</div>
							<div class="ul-center">
								<a href="javascript:void(0)" class="">Darry Ring 定制</a>
							</div>
							<div class="ul-bottom">
							</div>
						</li>
					</ul>
					<!--资讯内容的ul end-->
					<!--tab选项卡-->
					<!--tab选项卡ul-->
					<div class="ultab_all">
						<ul class="ul-tab">
							<li class=""><span>Forever系列</span></li>
							<li><span>Marry Me系列</span> </li>
							<li><span>My Heart系列</span> </li>
							<li><span>True Love系列</span> </li>
							<li class=""><span style="border: none; width: 196px">I Swear系列</span> </li>
						</ul>
						<!--进度条-->
						<div class="ul_jdt">
							<div class="ul_jdrun" style="width: 798px;">
							</div>
						</div>
						<!--进度条end-->
						<div class="ul_bkjt-hover" style="width: 18px; left: 777.104px;">
						</div>
						<!--箭头end-->
					</div>
					<!--tab选项卡ul end-->
					<!--tab选项卡下的内容-->
					<ul class="all_tab">
						<li style="display: none;">
							<!--tab选项卡下的左边内容-->
							<div class="tab_left fl">
								<img width="504" height="314" alt="Forever经典系列" src="images/fimg6.jpg" />
							</div>
							<!--tab选项卡下的左边内容 end-->
							<!--tab选项卡下的右边内容-->
							<div class="tab_right fr">
								<h3> Forever系列</h3>
								<p> 爱如Forever经典的六爪</p>
								<p> 任时光流逝,唯爱永固,祈岁月静好,唯爱永恒</p>
								<div class="to_more">
									<div class="bt2">
										<a target="_blank" href="lists?type=forever">了解更多</a>
									</div>
								</div>
							</div>
							<!--tab选项卡下的右边内容  end-->
						</li>
						<li style="display: none;">
							<!--tab选项卡下的左边内容-->
							<div class="tab_left fl">
								<img width="504" height="314" alt="Marry Me系列" src="images/fimg1.jpg" />
							</div>
							<!--tab选项卡下的左边内容 end-->
							<!--tab选项卡下的右边内容-->
							<div class="tab_right fr">
								<h3> Marry Me系列</h3>
								<p> 承诺相伴一生真爱之人,一生一次，一次一生的爱情信物</p>
								<p> 7月15日 正午12点浪漫发售</p>
								<div class="to_more">
									<div class="bt2">
										<a target="_blank" href="lists?type=marry">了解更多</a>
									</div>
								</div>
							</div>
							<!--tab选项卡下的右边内容  end-->
						</li>
						<li style="display: none;">
							<!--tab选项卡下的左边内容-->
							<div class="tab_left fl">
								<img width="504" height="314" alt="My heart系列" src="images/fimg2.jpg" />
							</div>
							<!--tab选项卡下的左边内容 end-->
							<!--tab选项卡下的右边内容-->
							<div class="tab_right fr">
								<h3> My heart系列</h3>
								<p> 将我的心刻入璀璨的钻石 呈献给最爱的你 </p>
								<p> 此生只愿，把心交给你</p>
								<div class="to_more">
									<div class="bt2">
										<a target="_blank" href="lists?type=heart">了解更多</a>
									</div>
								</div>
							</div>
							<!--tab选项卡下的右边内容  end-->
						</li>
						<li style="display: list-item; opacity: 0.470565;">
							<!--tab选项卡下的左边内容-->
							<div class="tab_left fl">
								<img width="515" height="314" alt="True Love系列" src="images/fimg3.jpg" />
							</div>
							<!--tab选项卡下的左边内容 end-->
							<!--tab选项卡下的右边内容-->
							<div class="tab_right fr">
								<h3> True Love系列</h3>
								<p> 沿袭了欧式古典,圆融了世间美好,绽放女人最温润的内敛</p>
								<p> 从今往后，将你我恒久岁月,用True Love细细包容</p>
								<div class="to_more">
									<div class="bt2">
										<a target="_blank" href="lists?type=love">了解更多</a>
									</div>
								</div>
							</div>
							<!--tab选项卡下的右边内容  end-->
						</li>
						<li style="opacity: 0.529435; display: list-item;">
							<!--tab选项卡下的左边内容-->
							<div class="tab_left fl">
								<img width="504" height="314" alt="I Swear系列" src="images/fimg4.jpg" />
							</div>
							<!--tab选项卡下的左边内容 end-->
							<!--tab选项卡下的右边内容-->
							<div class="tab_right fr">
								<h3> I Swear系列</h3>
								<p> 不论顺境逆境、贫穷富贵、健康疾病</p>
								<p> 将我们的誓言印刻在永恒的钻石上，散发最闪耀的光芒</p>
								<div class="to_more">
									<div class="bt2">
										<a target="_blank" href="lists?type=swear">了解更多</a>
									</div>
								</div>
							</div>
							<!--tab选项卡下的右边内容  end-->
						</li>
					</ul>
					<!--tab选项卡下的内容  end-->
					<!--推荐款式-->
					<div class="hot-ks">
						<a class="fr" target="_blank" th:href="@{lists(type=all)}">更多</a>
						<span class="other_color" id="renqi"><i>人气最高</i><em></em> </span>
					</div>
					<!--购买的款式-->
					<div class="cmain">
						<ul id="ullist" class="buyit">
							<li th:each="ring : ${indexrings}">
								<div class="by_top">
									<a target="_blank" th:href="@{details(rid=${ring.rid})}" rel="nofollow"></a>
									<div style="opacity:1" class="bything-one">
										<img width="236px" height="236px" alt="Forever系列 " th:src="@{${ring.rurl}}" />
									</div>
								</div>
								<div class="by_center"></div>
								<div class="by_bottom">
									<p><a target="_blank" th:text="${ring.rname}" th:href="@{details(rid=${ring.rid})}">Forever系列 经典款&nbsp;50分&nbsp;H色</a></p>
									<p> <span th:text="'￥'+${ring.rprice}">￥25,700</span><i th:text="'销量：'+${ring.rsales}">销量：5698</i></p>
								</div>
							</li>
						</ul>
					</div>
					<!--款式end-->
				</div>

				<!--底部-->
				<div class="footer">
					<!--错误-->
					<!--提示-->
					<div class="loverit_word2" style="display: none;">
						Darry Ring严格规定男士凭身份证一生仅能定制一枚，象征男人一生真爱的最高承诺。输入身份证号码即可查询购买记录。
					</div>
					<!--提示end-->
					<div class="loverit_wrong2" style="display: none;">
						<p>信息填写不正确，请重新输入。</p>
					</div>
					<!--错误end-->
					<!--验证身份-->
					<div class="loveit_center">
						<div class="love_doit2" style="display: none;">
							<div class="loverit_center2">
								<div class="loverit_write2">
									<label>国家/区域:</label>
									<select id="txtArea" style="vertical-align: middle;height:22px;"> <option value="0">中国大陆</option> <option value="1">中国香港</option> <option value="2">中国澳门</option> <option value="3">中国台湾</option> </select>
									<label>先生姓名:</label>
									<input type="text" class="lit_txt" id="textName2" />
									<label>身份证号码:</label>
									<input type="text" class="lit_txt" id="textIDCard2" />
									<span id="btnsub2"></span>
								</div>
							</div>
						</div>
					</div>
					<!--验证身份end-->
					<div style="clear:both"></div>
					<div class="cmain">
						<ul class="Service_ul">
							<!--每一块li-->
							<li>
								<div class="Service_ul-img">
									<a href="javascript:void(0)" rel="nofollow"></a>
								</div>
								<a href="javascript:void(0)" rel="nofollow">
									<p>权威认证</p>
								</a>
							</li>
							<!--每一块li-->
							<li>
								<div class="Service_ul-img bk_2">
									<a href="javascript:void(0)" rel="nofollow"></a>
								</div>
								<a href="javascript:void(0)" rel="nofollow">
									<p> 一钻双证</p>
								</a>
							</li>
							<!--每一块li-->
							<li>
								<div class="Service_ul-img bk_3">
									<a href="javascript:void(0)" rel="nofollow"></a>
								</div>
								<a href="javascript:void(0)" rel="nofollow">
									<p> 终生保养</p>
								</a>
							</li>
							<!--每一块li-->
							<li>
								<div class="Service_ul-img bk_4">
									<a href="javascript:void(0)" rel="nofollow"></a>
								</div>
								<a href="javascript:void(0)" rel="nofollow">
									<p> 以小换大</p>
								</a>
							</li>
							<!--每一块li-->
							<li>
								<div class="Service_ul-img bk_5">
									<a href="javascript:void(0)" rel="nofollow"></a>
								</div>
								<a href="javascript:void(0)" rel="nofollow">
									<p> 15天退换</p>
								</a>
							</li>
							<!--每一块li-->
							<li>
								<div class="Service_ul-img bk_6">
									<a href="javascript:void(0)" rel="nofollow"></a>
								</div>
								<a href="javascript:void(0)" rel="nofollow">
									<p> 全国免运费</p>
								</a>
							</li>
							<!--每一块li-->
							<li>
								<div class="Service_ul-img bk_7">
									<a href="javascript:void(0)" rel="nofollow"></a>
								</div>
								<a href="javascript:void(0)" rel="nofollow">
									<p> 全程保险</p>
								</a>
							</li>
						</ul>

						<!--条文-->
						<div class="auto" id="Menu_Service">
						</div>
						<div class="tw-foot">
							<div class="auto" id="Copyright">
								<p> Copyright &copy; 2017 winner winner,chicken dinner All Rights Reserved. 闽ICP备11012085号-2.ICP经营许可证闽B2-20140279 </p>
								<p> 中国互联网违法信息举报中心 | 中国公安网络110报警服务 | 本网站提供所售商品的正式发票 </p>
							</div>
						</div>
					</div>
				</div>
				<div class="model" id="model">
					<div class="Prompt" id="Prompt">
					</div>
					<span id="log_uid" style="display:none"></span>
					<span id="log_uname" style="display:none"></span>
					<span id="log_orderid" style="display:none"></span>
					<span id="log_price" style="display:none"></span>
				</div>
				<!--   <script src="http://wpa.b.qq.com/cgi/wpa.php" charset="utf-8" type="text/javascript"></script> -->
				<!--客服(2014年8月29日)-->
				<div style="display:none" class="Ffloat_kf">
					<div class="fkf_top">
						<div style="cursor: pointer; display: none;" id="bridgehead">
						</div>
						<div id="BizQQWPA"></div>
						<div onClick="showModel(modelsever);" style="cursor: pointer;" class="qq_hover" id="qqTalk_head">
						</div>
						<div id="BizQQWPAB" class="sh">
						</div>
						<div id="bdBridge">
							<a href="javascript:NTKF.im_openInPageChat()"> <img width="75" height="37" src="images/zx.jpg" /></a>
						</div>
					</div>
					<div class="fkf_bottom">
						<img width="92" height="82" alt="Darry Ring 官方微信" src="images/to_erwei.jpg" />
						<a href="#"> <img width="92" height="26" src="images/db.jpg" /></a>
					</div>
				</div>
				<!--新版右边客服start-->
				<!--右边漂浮悬挂大的-->
				<div class="float_big">
					<div class="floatbig_hide fr"></div>
					<div class="floatbig_center">
						<!--客服-->
						<div onClick="javascript:NTKF.im_openInPageChat();" id="Bearonline" class="floatbig_center-kf"></div>
						<!--客服end-->
						<!--定制咨询-->
						<div id="dzzxonline" class="floatbig_center-zx">
							<a href="javascript:showModel(modelsever);"></a>
						</div>
						<!--定制咨询end-->
						<img src="images/ew.jpg" />
					</div>
				</div>
				<!--右边漂浮悬挂大的end-->
				<!--右边漂浮悬挂小的-->
				<div class="float_small">
					<div class="floatbig_show fr"></div>
					<div class="floatbig_center">
						<!--客服-->
						<div onClick="javascript:NTKF.im_openInPageChat();" class="floatsmall_center-kf fr"></div>
						<!--客服end-->
						<!--定制咨询-->
						<div class="floatsmall_center-zx fr">
							<a href="javascript:showModel(modelsever);"></a>
						</div>
						<!--定制咨询end-->
						<!--二维码-->
						<div class="floatsmall_erwei fr">
							<a href="#"></a>
						</div>
						<!--二维码end-->
					</div>
				</div>
				<!--右边漂浮悬挂小的end-->
				<!--返回顶部-->
				<div class="comeback" style="display: block;"></div>
				<!--返回顶部end-->
				<!--新版右边客服end-->
				<div style="position: fixed; cursor: pointer; right: 6px; top: 289px; padding-bottom: 152px; z-index: 9999; width: 19px; height: 103px; display: none;" onClick="openserver();" id="openbnt">
					<img width="19" height="103" src="images/server_03.jpg" />
				</div>
				<div class="news_tc">
					<div class="newtc_left">
					</div>
					<div class="newtc_right">
						<span style="cursor: pointer" class="sszs">稍后再说</span>
						<span class="xzzx"><a onClick="showxiaon()" style="cursor: pointer" id="chatnow"> 现在咨询</a></span>
						<div style="cursor: pointer" class="tocclose">
						</div>
					</div>
				</div>
				<div class="mask" id="masks">
				</div>
				<div style="display:none;" class="modelsever" id="modelsever">
					<div class="cs_top">
						<div class="cs_topcenter">
							<div style="width:300px; height:40px; line-height:40px; float:left; display:inline-block; ">
								顾客常见疑问
							</div>
							<div style="width:385px; height:20px; float:left; text-align:right; padding-top:20px;">
								<img width="55" height="9" style="cursor: pointer;" onClick="CloseMaskser()" src="images/popup_window_btn_close.gif" />
							</div>
						</div>
					</div>
					<div class="cs_content clear">
						<div id="box1" class="box1">
							<div onClick="contenttxt(1,1)" id="content_title_11" class="content_title">
								<span style="margin-top:8px;">Q：Darry Ring 是否有实体店？</span>
							</div>
							<div id="content_title1_1" class="content_txt">
								<span style="margin-top:1px;">A：DR公司总部在香港，目前内地深圳市、北京市、重庆市、广州市、上海市、武汉市、南京市、长沙市设有实体店，支持到店订购，也支持全国在线官网订购。同时目前其他一线城市公司已在考察选址阶段，将陆续开设店面。</span>
							</div>
							<div onClick="contenttxt(1,2)" id="content_title_12" class="content_title">
								<span style="margin-top:8px;">Q：实体店具体位置？</span>
							</div>
							<div id="content_title1_2" class="content_txt">
								<span style="margin-top:1px;">A：深圳实体店地址：深圳南山区世界之窗旁欧陆小镇4号楼Darry Ring （地铁罗宝线世界之窗I出口）深圳店联系方式：0755-86621782。<p></p> 北京实体店地址：北京东二环朝阳门桥银河SOHO中心B座负一层2-109 （朝阳门地铁G出口） 北京店联系方式：010-59576758。<p></p> 上海实体店地址：上海长宁区淮海西路570号红坊创意园区G-108栋(近虹桥路) 上海店联系方式：021-60934520。<p></p> 广州实体店地址：广州市天河区天河北路233号中信广场商场136单元 广州店联系方式：020-38836315。<p></p> 重庆实体店地址：重庆市渝中区解放碑步行街民族路188号环球金融中心（WFC）LG-B02A 重庆店联系方式：023-63710835。<p></p> 武汉实体店地址：武汉市洪山区光谷意大利风情街5号楼一层51021号 武汉店联系方式：027-87688895。<p></p> 南京实体店地址：南京市长江路288号1912街区17号楼一层 南京店联系方式：025-83613520。<p></p> 长沙实体店地址：长沙市开福区中山路589号万达百货商场2楼 长沙店联系方式：0731-83878575。<p></p> 全国400客服热线：400 01 13520。</span>
							</div>
							<div onClick="contenttxt(1,3)" id="content_title_13" class="content_title">
								<span style="margin-top:8px;">Q：到店订购和官网订购的价格一致吗？</span>
							</div>
							<div id="content_title1_3" class="content_txt">
								<span style="margin-top:1px;">A：DR的所有商品，到店订购和官网订购的时间周期，价格，质量及售后服务均一致。</span>
							</div>
							<div onClick="contenttxt(1,4)" id="content_title_14" class="content_title">
								<span style="margin-top:8px;">Q：价格是否有折扣优惠？</span>
							</div>
							<div id="content_title1_4" class="content_txt">
								<span style="margin-top:1px;">A：DR的品牌寓意为一生唯一真爱，大多是用作见证彼此求婚或结婚这一神圣时刻，所以所有商品都是常年任何节假日没有折扣活动，就像彼此一生唯一真爱的承诺及永恒的爱情，永不打折。</span>
							</div>
							<div onClick="contenttxt(1,5)" id="content_title_15" class="content_title">
								<span style="margin-top:8px;">Q：为什么在官网上输入姓名身份证号后看不到款式？</span>
							</div>
							<div id="content_title1_5" class="content_txt">
								<span style="margin-top:1px;">A：www.darryring.com 官网首页点击—求婚钻戒，进入页面后不需要填写任何信息，移动鼠标到最下方，就可以看到Darry Ring女戒的所有款式。</span>
							</div>
							<div onClick="contenttxt(1,6)" id="content_title_16" class="content_title">
								<span style="margin-top:8px;">Q：到实体店是否可以立刻拿到戒指？</span>
							</div>
							<div id="content_title1_6" class="content_txt">
								<span style="margin-top:1px;">A：您好，DR的所有商品都是需要根据您选择的款式、手寸大小及刻字信息来定制。实体店仅提供款式体验及预订，与官网购买的定制时间是一致的，可于15-20个工作日内送到或自取。</span>
							</div>
						</div>
						<div id="box2" class="box2">
							<div onClick="contenttxt(2,1)" id="content_title_21" class="content_title"></div>
							<div id="content_title2_1" class="content_txt"></div>
							<div onClick="contenttxt(2,2)" id="content_title_22" class="content_title"></div>
							<div id="content_title2_2" class="content_txt">
							</div>
							<div onClick="contenttxt(2,3)" id="content_title_23" class="content_title"></div>
							<div id="content_title2_3" class="content_txt">
							</div>
							<div onClick="contenttxt(2,4)" id="content_title_24" class="content_title"></div>
							<div id="content_title2_4" class="content_txt">
							</div>
						</div>
						<div id="box3" class="box3">
							<div onClick="contenttxt(3,1)" id="content_title_31" class="content_title"></div>
							<div id="content_title3_1" class="content_txt">
							</div>
							<div onClick="contenttxt(3,2)" id="content_title_32" class="content_title"></div>
							<div id="content_title3_2" class="content_txt"></div>
							<div onClick="contenttxt(3,3)" id="content_title_33" class="content_title"></div>
							<div id="content_title3_3" class="content_txt"></div>
							<div onClick="contenttxt(3,4)" id="content_title_34" class="content_title"></div>
							<div id="content_title3_4" class="content_txt"></div>
						</div>
						<div id="box4" class="box4">
							<div onClick="contenttxt(4,1)" id="content_title_41" class="content_title"></div>
							<div id="content_title4_1" class="content_txt"></div>
							<div onClick="contenttxt(4,2)" id="content_title_42" class="content_title"></div>
							<div id="content_title4_2" class="content_txt"></div>
							<div onClick="contenttxt(4,3)" id="content_title_43" class="content_title"></div>
							<div id="content_title4_3" class="content_txt"></div>
							<div onClick="contenttxt(4,4)" id="content_title_44" class="content_title"></div>
							<div id="content_title4_4" class="content_txt"></div>
						</div>
						<div id="box5" class="box5">
							<div onClick="contenttxt(5,1)" id="content_title_51" class="content_title"></div>
							<div id="content_title5_1" class="content_txt"></div>
							<div onClick="contenttxt(5,2)" id="content_title_52" class="content_title"></div>
							<div id="content_title5_2" class="content_txt">
							</div>
							<div onClick="contenttxt(5,3)" id="content_title_53" class="content_title"></div>
							<div id="content_title5_3" class="content_txt">
							</div>
							<div onClick="contenttxt(5,4)" id="content_title_54" class="content_title"></div>
							<div id="content_title5_4" class="content_txt">
							</div>
							<div onClick="contenttxt(5,5)" id="content_title_55" class="content_title"></div>
							<div id="content_title5_5" class="content_txt">
							</div>
							<div onClick="contenttxt(5,6)" id="content_title_56" class="content_title"></div>
							<div id="content_title5_6" class="content_txt">
							</div>
						</div>
						<div id="box6" class="box6">
							<div onClick="contenttxt(6,1)" id="content_title_61" class="content_title"></div>
							<div id="content_title6_1" class="content_txt"></div>
							<div onClick="contenttxt(6,2)" id="content_title_62" class="content_title"></div>
							<div id="content_title6_2" class="content_txt">
							</div>
							<div onClick="contenttxt(6,3)" id="content_title_63" class="content_title"></div>
							<div id="content_title6_3" class="content_txt">
							</div>
							<div onClick="contenttxt(6,4)" id="content_title_64" class="content_title"></div>
							<div id="content_title6_4" class="content_txt">
							</div>
							<div onClick="contenttxt(6,5)" id="content_title_65" class="content_title"></div>
							<div id="content_title6_5" class="content_txt">
							</div>
							<div onClick="contenttxt(6,6)" id="content_title_66" class="content_title"></div>
							<div id="content_title6_6" class="content_txt">
							</div>
						</div>
						<div id="box7" class="box7">
							<div onClick="contenttxt(7,1)" id="content_title_71" class="content_title"></div>
							<div id="content_title7_1" class="content_txt">
							</div>
							<div onClick="contenttxt(7,2)" id="content_title_72" class="content_title"></div>
							<div id="content_title7_2" class="content_txt">
							</div>
							<div onClick="contenttxt(7,3)" id="content_title_73" class="content_title"></div>
							<div id="content_title7_3" class="content_txt">
							</div>
						</div>
					</div>
				</div>
				<script type="text/javascript">
					function showbox(id) {
						getQeestion(id);
						for (var i = 1; i <= 8; i++) {
							if (i == id) {
								showdiv(id);
							} else {
								hidediv(i);
							}
						}
					}

					function contenttxt(id, sid) {
						for (var i = 1; i <= 7; i++) {
							if (i == id) {
								showtxt(id, sid);
							} else {
								hidetxt(i, sid);
							}
						}

					}

					function showtxt(id, sid) {
						var objtitle = $("#content_title" + id + "_" + sid);

						if (objtitle.css("display") == "none") {
							objtitle.show("fast");
						} else {

							hidetxt(id, sid);
						}
					}

					function hidetxt(id, sid) {
						var objtitle = $("#content_title" + id + "_" + sid);
						objtitle.hide("fast");
					}

					function hidediv(id) {
						$("#box" + id).hide("fast");

						$("#li" + id).css({
							"font-size": "14px",
							"color": "#7d7d7d"
						});
					}

					function showdiv(id) {
						if ($("#box" + id).css("display") == "none") {
							$("#box" + id).show("fast");
							$("#li" + id).css({
								"font-size": "18px",
								"color": "#000000"
							});
						}

					}
				</script>
				<script type="text/javascript">
					function showMask() {
						$("#masks").css("height", $(document).height());
						$("#masks").css("width", $(document).width());
						$("#masks").fadeIn();
					}

					function showModel(divName) {
						showMask();
						/* var top = ($(window).height() - $(divName).height()) / 5;
						 var left = ($(window).width() - $(divName).width()) / 2;
						 var scrollTop = $(document).scrollTop();
						 var scrollLeft = $(document).scrollLeft();*/
						$(divName).fadeIn();
					}

					function CloseMaskser() {

						$("#modelsever").fadeOut("slow");
						$("#masks").fadeOut("slow");
						$("#mask").fadeOut("slow");
					}
				</script>
	</body>

</html>